/*右侧悬浮菜单*/

.contact_hotline{ position: fixed; right: -170px; top: 60%; z-index: 900;}
.contact_hotline li a{ text-decoration: none;}
.contact_hotline li{ margin-top: 1px; clear: both; height: 70px; position: relative;}
.contact_hotline li i{ background: url(../images/hotcontacticon.png) no-repeat; display: block; width: 30px; height: 27px; margin: 0px auto; text-align: center;}
.contact_hotline li p{ height: 20px; font-size: 14px; line-height: 20px; overflow: hidden; text-align: center; color: #fff;}
.contact_hotline .my-kefu-qq i{ background-position: 4px 5px;}
.contact_hotline .my-kefu-tel i{ background-position: 0 -21px;}
.contact_hotline .my-kefu-liuyan i{ background-position: 4px -53px;}
.contact_hotline .my-kefu-weixin i{ background-position: -34px 4px;}
.contact_hotline .my-kefu-weibo i{ background-position: -30px -22px;}
.contact_hotline .my-kefu-ftop{ display: none;}
.contact_hotline .my-kefu-ftop i{ width: 33px; height: 35px; background-position: -27px -51px;}
.contact_hotline .my-kefu-left{ float: left; width: 77px; height: 47px; position: relative;}
.contact_hotline .my-kefu-tel-right{ font-size: 16px; color: #fff; float: left; height: 24px; line-height: 22px; padding: 0 15px; border-left: 1px solid #fff; margin-top: 14px;}
.contact_hotline .my-kefu-right{ width: 20px;}
.contact_hotline .my-kefu-tel-main{ background: #e60012; color: #fff; height: 70px; width: 247px; padding: 9px 0 6px; float: left;}
.contact_hotline .my-kefu-main{ background: #e60012; width: 97px; height: 70px; position: relative; padding: 9px 0 6px; float: left;}
.contact_hotline .my-kefu-weixin-pic{ position: absolute; left: -130px; top: -24px; display: none; z-index: 333;}
.my-kefu-weixin-pic img{ width: 115px; height: 115px;}

/*自适应 当屏小于1050时隐藏*/

@media screen and (max-width: 1050px){ .contact_hotline{ display: none;}
	}

/*animation*/

@-webkit-keyframes fadeInLeft1{ from{ opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0)}
	to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
	}
@keyframes fadeInLeft1{ from{ opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0)}
	to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
	}
.fadeInLeft1{ -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1}
@-webkit-keyframes fadeInRight1{ from{ opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0)}
	to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
	}
@keyframes fadeInRight1{ from{ opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0)}
	to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
	}
.fadeInRight1{ -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1}
@-webkit-keyframes zoomLeft{ from{ opacity: 0; -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3)}
	50%{ opacity: 1}
	}
@keyframes zoomLeft{ from{ opacity: 0; -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3)}
	50%{ opacity: 1}
	}
.zoomLeft{ -webkit-animation-name: zoomLeft; animation-name: zoomLeft; transform-origin: 0 50%; -webkit-transform-origin: 0 50%}
.zoomRight{ -webkit-animation-name: zoomLeft; animation-name: zoomLeft; transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%}
@-webkit-keyframes fadeInUp1{ from{ opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0)}
	to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
	}
@keyframes fadeInUp1{ from{ opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0)}
	to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
	}
.fadeInUp1{ -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1}
@-webkit-keyframes fadeInUp2{ from{ opacity: 0; -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0)}
	to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
	}
@keyframes fadeInUp2{ from{ opacity: 0; -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0)}
	to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
	}
.fadeInUp2{ -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2}
@-webkit-keyframes fadeInUp3{ from{ opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0)}
	to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
	}
@keyframes fadeInUp3{ from{ opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0)}
	to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
	}
.fadeInUp3{ -webkit-animation-name: fadeInUp3; animation-name: fadeInUp3}
@keyframes myfirst{ 0%{ left: 0; top: 0}
	25%{ left: 0; top: 10px}
	50%{ left: 0; top: 0}
	100%{ left: 0; top: 0}
	}
@-moz-keyframes myfirst{ 0%{ left: 0; top: 0}
	25%{ left: 0; top: 10px}
	50%{ left: 0; top: 0}
	100%{ left: 0; top: 0}
	}
@-webkit-keyframes myfirst{ 0%{ left: 0; top: 0}
	25%{ left: 0; top: 10px}
	50%{ left: 0; top: 0}
	100%{ left: 0; top: 0}
	}
@-o-keyframes myfirst{ 0%{ left: 0; top: 0}
	25%{ left: 0; top: 10px}
	50%{ left: 0; top: 0}
	100%{ left: 0; top: 0}
	}